body {
  overflow:hidden;
}

#feedback {
  background: #111111 url(feedback_tab.png) no-repeat -2px 50%;
  border: 1px none #1B97F2;
  border-left: none;
  display: block;
  height: 90px;
  left: 0px;
  margin-top: -45px;
  position: fixed;
  top: 40%;
  width: 25px;
  z-index: 101;
}

#wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  right: 0;
}

#toolbar {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  
  height:200px;
  width:100%;
  top:0;
  
}

.toolbarPanning {
		
	background-color:#333333;
			
}

.toolbarDrawing {
		
	background-color:#ffd700;
			
}

#toolbar-left{
	
	left:0;
	width:80%;
	position: absolute;
	
}

#toolbar-right{

	top:0;
	right:0;
	width:20%;
	position: absolute;
}


#toolbar h4 {
  margin-left: 18px;
}

#workspace {
  position: absolute;
  background-color: #333333;
  top: 0;
  bottom: 0;
  left: 0;
  width: 70%;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: #FFFFFF;
}

#rooms {
  position: absolute;
  background-color: #666666;
  top:0;
  right: 0;
  height: 100%;
  width: 30%;
  padding-right:10px;
}

#rooms .room {
  position: relative;
  height: 30%;
  width: 100%;
  z-index: 100;
  border-radius: 7px;
}

#personal {
  position: relative;
  height: 40%;
  width: 100%;
  overflow : auto;
  border-radius: 7px;
}

#selected {
	/*  overflow : auto;*/	
}

.miniRoom {
  position: relative;
  height: 100px;
  width: 100% - 10px;
  border:#000000;
  border-style:solid;
  border-width:5px;
  border-radius:9px;
}


.drag {
  position: absolute;
  height: 40px;
  right: 0;
  width: 40px;
  background: url(drag/drag.png) no-repeat center center;
  z-index: 300;
}

.map {
	height: 100%;
	margin-left:auto;
	margin-right:auto;
}

#minimap {
	bottom: 0;
	right: 0;
	width: 50%;
	height: 30%;
  
}

#objects {
	bottom: 0;
	left: 0;
	width: 50%;
	height: 30%;
}

.overlay {
	display: none;
	z-index:10000;
	/* styling */
	background-color:#ffffff;
	
	width:555px;	
	border:1px solid #666666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000000;
	-webkit-box-shadow: 0 0 90px #000000;  
}

.map {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow:hidden;
}

.space{
	border:	#999999;
	border-style:solid;
	padding:2px;
	
}
#tools{
	position:relative;
	left:0px;
	top:200px;
	width:50px;
	height:200px;
	z-index:1000;
}
#toolbar_centerUp{
	display:inline-block;
	position:relative;
	top:25px;
	left:50px;
	width:200px;
	height:100px;
	background-color:red;
}

.list{
	position:relative;
	background-color:#FFF;
	display:block;
}

ul.dropdownmenu{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
 
ul.dropdownmenu li{ /* all list items */
	float: left;
	position: relative;
	width: 4em;
	background-color:#FFF;
}
ul.dropdownmenu li:hover
{ 
  cursor:pointer;
}
 
li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
 
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
 
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

.block{
	position:relative;
	display: inline-block;
	z-index:1;
	vertical-align: top;
}

.dropdownmenu{
	z-index:1000;
	position:absolute;
	background:#fff;
	cursor:default;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #676767;
	border-right:1px solid #676767
}

